<!-- @iconify/vue 使用的是在线版 icon，需要调用 iconify 的接口，这里实现离线版icon -->
<template>
  <icon-ant-design-usergroup-add-outlined v-if="type === 'user'" />
  <icon-ant-design-bar-chart-outlined v-else-if="type === 'analysis'" />
  <icon-ant-design-shopping-cart-outlined v-else-if="type === 'goods'" />
  <icon-ant-design-account-book-outlined v-else-if="type === 'order'" />
  <icon-ant-design-credit-card-outlined v-else-if="type === 'bill'" />
  <icon-ant-design-mail-outlined v-else-if="type === 'message'" />
  <icon-ant-design-tags-outlined v-else-if="type === 'tag'" />
  <icon-ant-design-setting-outlined v-else-if="type === 'config'" />
  <icon-ic-baseline-check-box-outline-blank v-else />
</template>

<script setup lang="ts">
defineProps({
  type: {
    type: String,
    required: true,
  },
})
</script>

<style scoped></style>
